//元素过渡效果
.transition-enter-active,
.transition-leave-active {
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
}

.transition-enter,
.transition-leave {
    opacity: 0;
    filter: Alpha(opcity=0);
    -webkit-transform: translateX(300px);
    -moz-transform: translateX(300px);
    -o-transform: translateX(300px);
    transform: translateX(300px);
}

.item-move, .item-enter-active, .item-leave-active{
    transition: all .5s cubic-bezier(.55,0,.1,1);
}

.item-enter{
    opacity: 0;
    transform: translateX(300px);
}

.item-leave-active{
    position: absolute;
    opacity: 0;
    transform: translateX(300px);
}

.slide-left-enter, .slide-right-leave-active{
    opacity: 0;
    transform: translateX(300px);
}
.slide-left-leave-active, .slide-right-enter{
    opacity: 0;
    transform: translateX(-300px);
}

.fade-enter-active, .fade-leave-active{
    transition: all .8s ease;
}

.fade-enter, .fade-leave-active{
    opacity: 0;
}
